<?php 
  drupal_add_css(CSS ."front.css",array("type"=>"external"));
?>

<div class="center-block body_wrap front">
    <div class="header_bar front-logo">
        <div class="logo">
            <?php if ($logo): ?>
                <a href="<?php print $front_page; ?>" title="<?php print t('Home'); ?>" rel="home" id="logo"><img src="/res/img/landing_home/logo_mainhome.png" alt="<?php print t('Home'); ?>" /></a>
            <?php endif; ?>
	</div>
    </div>
<div class="sideshow " style="position:relative;">

    <div id="sideshow_content">
	<?php if ($page['sideshow']): ?>
	
		<?php
		print render($page['sideshow']); 
	?>
	<?php endif; ?>
    </div>
	<div class="search_box" style="position:absolute">
		<?php if ($page['content_overlap']): ?>
			<?php print render($page['content_overlap']); ?>
		<?php endif; ?>
        <div class="clearfix"></div>
	</div>
</div>
<div class="footer front">
		<?php if ($page['footer']): ?>
			<?php print render($page['footer']); ?>
		<?php endif; ?>
</div>
</div>
<script>
    jQuery(document).ready
    (
        function(e)
        {
            jQuery("#location_hotel_id").focus();//Focus to input box;
            jQuery(".search_box").css("top",jQuery(".sideshow").height()/2.0 - jQuery(".search_box").height()/2.0);//Set search box position.
            jQuery(".search_box").css("left",jQuery(".sideshow").width()/2.0 - jQuery(".search_box").width()/2.0);//Set search box position
        }
    )
</script>